/**
 * Created by will on 2017/9/21.
 */
$(function () {
    //引入公共部分
    $("#public-style").load("./easytrip-header.html")
    //侧边栏鼠移入移除事件开始
    $('#public-style').on("mouseover",'.all-sort-list > .item > h3',function(){
        $(this).children('i').addClass('active');
        $(this).children('a').addClass('active');
        $(this).addClass('active');
    })
    $('#public-style').on("mouseout",'.all-sort-list > .item > h3',function(){
        $(this).children('i').removeClass('active');
        $(this).children('a').removeClass('active');
        $(this).removeClass('active');
    })

    $('#public-style').on("mouseover mouseout",'.all-sort-list > .item',function(event){
        if(event.type == "mouseover"){
            //鼠标悬浮
            var eq = $('.all-sort-list > .item').index(this),				//获取当前滑过是第几个元素
                h = $('.all-sort-list').offset().top,						//获取当前下拉菜单距离窗口多少像素
                s = $(window).scrollTop(),									//获取游览器滚动了多少高度
                i = $(this).offset().top,									//当前元素滑过距离窗口多少像素
                item = $(this).children('.item-list').height(),				//下拉菜单子类内容容器的高度
                sort = $('.all-sort-list').height();						//父类分类列表容器的高度

            if ( item < sort ){												//如果子类的高度小于父类的高度
                if ( eq == 0 ){
                    $(this).children('.item-list').css('top', (i-h));
                } else {
                    $(this).children('.item-list').css('top', (i-h)+1);
                }
            } else {
                if ( s > h ) {												//判断子类的显示位置，如果滚动的高度大于所有分类列表容器的高度
                    if ( i-s > 0 ){											//则 继续判断当前滑过容器的位置 是否有一半超出窗口一半在窗口内显示的Bug,
                        $(this).children('.item-list').css('top', (s-h)+2 );
                    } else {
                        $(this).children('.item-list').css('top', (s-h)-(-(i-s))+2 );
                    }
                } else {
                    $(this).children('.item-list').css('top', 3 );
                }
            }

            $(this).addClass('active');
            $(this).children('.item-list').css('display','block');
        }else if(event.type == "mouseout"){
            //鼠标离开
            $(this).removeClass('active');
            $(this).children('.item-list').css('display','none');
        }

    });
})

